<template>
  <div>
    <a-row :gutter="[8, 8]">
      <a-col :span="8">
        <a-form-model-item label="微动脉瘤" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeMicroaneurysm">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="视网膜内出血" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeIntraretinalHemorrhage">
            <a-select-option :value="1"> 有(任一象限中&lt;20处) </a-select-option>
            <a-select-option :value="2"> 有(任一象限中&gt;=20处) </a-select-option>
            <a-select-option :value="3"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="棉絮斑" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeCottonWoolSpots">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
    </a-row>

    <a-row :gutter="[8, 8]">
      <a-col :span="8">
        <a-form-model-item label="硬性渗出" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeHardExudation">
            <a-select-option :value="1"> 有(非后极区) </a-select-option>
            <a-select-option :value="2"> 有(后极区) </a-select-option>
            <a-select-option :value="3"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="静脉串珠样改变" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeVenousBeadedChanges">
            <a-select-option :value="1"> 有(&lt;=2个象限) </a-select-option>
            <a-select-option :value="2"> 有(&gt;2个象限) </a-select-option>
            <a-select-option :value="3"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="视网膜内微血管异常" :labelCol="{ span: 8 }">
          <a-select
            :style="{ marginLeft: '2rem', width: '170px' }"
            v-model="physical.eyeMicrovascularAbnormalitiesInRetina"
          >
            <a-select-option :value="1"> 有(&lt;=1个象限) </a-select-option>
            <a-select-option :value="2"> 有(&gt;1个象限) </a-select-option>
            <a-select-option :value="3"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
    </a-row>

    <a-row :gutter="[8, 8]">
      <a-col :span="8">
        <a-form-model-item label="玻璃体积血" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeVitreousHemorrhage">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="新生血管形成" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeNeovascularization">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
      <a-col :span="8">
        <a-form-model-item label="视网膜前出血" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyePreretinalHemorrhage">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>
    </a-row>

    <a-row :gutter="[16, 16]">
      <a-col :span="8">
        <a-form-model-item label="眼底出血" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeFundusBleeding">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>

      <a-col :span="8">
        <a-form-model-item label="后极部视网膜增厚" :labelCol="{ span: 8 }">
          <a-select :style="{ marginLeft: '2rem', width: '170px' }" v-model="physical.eyeThickeningPosteriorRetina">
            <a-select-option :value="1"> 有 </a-select-option>
            <a-select-option :value="2"> 无 </a-select-option>
          </a-select>
        </a-form-model-item>
      </a-col>

      <a-col :span="8"> </a-col>
    </a-row>

    <!-- <a-divider orientation="left" :style="{ marginTop: '40px' }">上传体格检查报告单</a-divider>
    <a-form-model-item label="报告名称">
      <a-input v-model="physical.eyeReportName" :max-length="20" :style="{ width: '300px' }" />
    </a-form-model-item> -->

    <!-- <a-form-model-item label="报告结论">
      <a-textarea
        :maxLength="500"
        v-model="physical.eyeReportContent"
        placeholder=""
        :auto-size="{ minRows: 7, maxRows: 10 }"
        :style="{ width: '300px' }"
      />
      <div
        v-if="physical.eyeReportContent != null && physical.eyeReportContent.length > 0"
        :style="{ display: 'inline-block', marginLeft: '1rem' }"
      >
        {{ physical.eyeReportContent.length }}/500
      </div>
    </a-form-model-item>

    <a-form-model-item v-bind="tailFormItemLayout">
      <j-image-upload
        text="上传"
        v-model="physical.eyeReportPhoto"
        :is-multiple="true"
        :style="{ marginTop: '1.5rem' }"
        :preview="true"
        :img-arr="
          Array.isArray(physical.eyeReportPhoto)
            ? physical.eyeReportPhoto
            : physical.eyeReportPhoto
            ? physical.eyeReportPhoto.split(',')
            : []
        "
      ></j-image-upload>
    </a-form-model-item> -->
  </div>
</template>

<script>
export default {
  name: 'FundusChecking',
  props: ['physical'],
  data() {
    return {
      tailFormItemLayout: {
        wrapperCol: {
          xs: {
            span: 24,
            offset: 0
          },
          sm: {
            span: 12,
            offset: 2
          }
        }
      }
    }
  },
  methods: {}
}
</script>

